import Vue from "vue";
import Router from "vue-router";
// import Home from "@/pages/home/Home.vue";
// import City from "@/pages/city/City.vue";
// import Detail from "@/pages/detail/Detail.vue";

Vue.use(Router);

export default new Router({
  mode: "history",
  base: process.env.BASE_URL,
  routes: [
    {
      path: "/",
      name: "home",
      component: () => import("@/pages/home/Home.vue")
    },
    {
      path: "/city",
      name: "City",
      // 组件按需加载
      component: () => import("@/pages/city/City.vue")
    },
    {
      // 动态路由
      path: "/detail/:id",
      name: "Detail",
      component: () => import("@/pages/detail/Detail.vue")
    }
  ],
  scrollBehavior(to, from, savedPosition) {
    return { x: 0, y: 0 };
  }
  // {
  //   path: "/about",
  //   name: "about",
  //   // route level code-splitting
  //   // this generates a separate chunk (about.[hash].js) for this route
  //   // which is lazy-loaded when the route is visited.
  //   component: () =>
  //     import(/* webpackChunkName: "about" */ "./views/About.vue")
  // }
});
